<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>觅TA网 -觅你所觅</title>
		<link rel="stylesheet" href="/css/button.css">
		<link rel="stylesheet" href="/css/mystyle.css" />
		<link type="text/css" rel="stylesheet" href="/css/constant.css"/>
		<!--<script type="text/javascript" src="js/jquery-3.3.0.js" ></script>-->
		<#--<script type="text/javascript">
			function jump(key){
				//步骤一:创建异步对象
				var ajax = new XMLHttpRequest();
				//步骤二:设置请求的url参数,参数一是请求的类型,参数二是请求的url,可以带参数,动态的传递参数starName到服务端
				ajax.open('get','http://127.0.0.1:8080/releaseInformation');
				//步骤三:发送请求
				ajax.send();
				//步骤四:注册事件 onreadystatechange 状态改变就会调用
				ajax.onreadystatechange = function () {
				   if (ajax.readyState==4 &&ajax.status==200) {
				    //步骤五 如果能够进到这个判断 说明 数据 完美的回来了,并且请求的页面是存在的
				　　　　console.log(ajax.responseText);//输入相应的内容
				  　　}
				}
			}
		</script>-->
</head>
<body>
		<div id="head">
			<div id="head_in" style="width:960px; height:100%;margin: 0 auto;text-align: left">
				<span id="station">周师站</span>
				<span style="float: right">
				<#if USER_IN_SESSION??>
					用户：${USER_IN_SESSION.username}【<a href="/logout">退出</a>】
				<#else>
					<a href="/login">登录/注册</a>
				</#if>
				<#if Session["USER_IN_SESSION"]?exists>
					<a href="/myRelease">我的发布</a>
				</#if>
				</span>
			</div>
		</div>
		<div id="constant">
			<img src="img/lost1.jpg" class="first_img" style="width: 260px; height: 136px;"/><img src="img/lost2.png" style="height: 138px; width: 700px; text-align: right; margin-top: -2px;"/>
			<div id="navigation">
				<table cellpadding="0" cellspacing="0">
					<tr>
					<th><a href="/index">网站首页</a></th>
					<th><a href="/findMessage?type=0">寻物启事</a></th>
					<th><a href="/findMessage?type=1">寻宠启事</a></th>
					<th><a href="/findMessage?type=2">寻人启事</a></th>
					<th><a href="/findMessage?type=3">招领启事</a></th>
					<th><a href="#">关于我们</a></th>
					</tr>
				</table>
			</div>
			<div id="search-box">
				<div>
					<form action="/search" method="post">
						<table cellpadding="0" cellspacing="0">
							<tr style="float: left;border: 1px gainsboro solid; background-color: white;">
								<td style="width: 26px;height: 26px;"><img src="/img/放大镜.png" style="width: 26px; height: 26px;"/></td>
								<td style="width: 400px;"><input name="key" type="text" style="height: 26px; width: 400px; border: none; display: inline-block;outline: none;" placeholder="物品搜索"/></td>
								<td style="color: red;width: 70px;">搜&nbsp;&nbsp;搜&nbsp;&nbsp;搜</td>
								<td style="width: 60px; border: 1px white solid;"><input type="submit" value="搜索" style="background-color: green; height: 26px; width: 60px; border: none;color: black;"></td>
							</tr>
							<tr style="float: right;line-height: 26px;">
								<td>热门搜索：  </td>
								<td>身份证 </td>
								<td>银行卡</td>
								<td>驾驶证</td>
								<td>医保卡</td>
							</tr>
						</table>
					</form>
				</div>
			</div>
		</div>
<!--<div id="dingbu"></div>
<div id="top"></div>-->
<div id="cut">
  <div id="shi">
	<div class="wrapper1">
	  <div role="button" class="retro-btn danger">
	    <a class="btn" href="/releaseInformation?key=ta">
	      <span class="btn-inner">
	        <span class="content-wrapper">
	          <span class="btn-content">
	            <span class="btn-content-inner" label="我要寻TA">
	            </span>
	          </span>
	        </span>
	      </span>
	    </a>
	  </div>
	</div>
	<div class="wrapper">
	  <div role="button" class="retro-btn danger">
	    <a class="btn" href="/releaseInformation?key=lostor">
	      <span class="btn-inner">
	        <span class="content-wrapper">
	          <span class="btn-content">
	            <span class="btn-content-inner" label="我要招领">
	            </span>
	          </span>
	        </span>
	      </span>
	    </a>
	  </div>
	</div>
	<div class="wrapper">
	  <div role="button" class="retro-btn danger">
	    <a class="btn" href="/thank">
	      <span class="btn-inner">
	        <span class="content-wrapper">
	          <span class="btn-content">
	            <span class="btn-content-inner" label="我要报喜">
	            </span>
	          </span>
	        </span>
	      </span>
	    </a>
	  </div>
	</div>
  </div>

<#--<div id="wall_tab">
	
</div>-->
<div id="ifocus" style="margin-right:0">
 <div id="ifocus_pic">
  <div id="ifocus_piclist" style="left:0; top:0;">
   <ul>
    <#list walls as wall>
        <li><a href="/detail?id=${wall.findMsgId}"><img src="${wall.url}" alt="" /></a></li>
    </#list>

   </ul>
  </div>
  <div id="ifocus_opdiv"></div>
  <div id="ifocus_tx">
   <ul>
	   <#list walls as wall>
	       <#if wall_index==0>
               <li class="current">${wall.title}</li>
		   <#else>
               <li class="normal">${wall.title}</li>
		   </#if>
	   </#list>
    <#--<li class="current">${wall.title}</li>
	<li class="normal">灵通山钟灵毓秀，悬崖峭壁，雄奇险幽</li>
    <li class="normal">云来山更佳，云去山如画，山因云晦明，云共山高下</li>
    <li class="normal">纯白的雪，白了整个世界</li>-->
   </ul>
  </div>
 </div>
 <div id="ifocus_btn">
  <ul>
  <#list walls as wall>
	  <#if wall_index==0>
          <li class="current"><img src="${wall.url}" alt="" /></li>
	  <#else>
          <li class="normal"><img src="${wall.url}" alt="" /></li>
	  </#if>
  </#list>
   <#--<li class="current"><img src="img/011.jpg" alt="" /></li>
   <li class="normal"><img src="img/012.jpg" alt="" /></li>
   <li class="normal"><img src="img/013.jpg" alt="" /></li>
   <li class="normal"><img src="img/冬景.jpg" alt="" /></li>-->
  </ul>
 </div>
</div><!--ifocus end--><!--特效结束-->
</div><!--cut样式结束-->
<div id="main">
	<!--左边内容：网站公告、感谢信、报喜墙（成功案例） -->
	<div id="thank">
		<div class="div_title">
			<img src="img/未标题-1.png"/>
			<span class="div_title_text">网站公告</span>
		</div>
		<div id="notice">
			<marquee direction="up" scrolldelay="1" scrollamount="1" onmouseout="if(document.all!=null){this.start()}" onmouseover="if(document.all!=null){this.stop()}" height="140px;"><#--height:220px;-->
				<ul id="notice_list">
					<#list notices as notice>
						<#if notice_index==0>
							<li style="color: red;font-weight: bold;" class="sp">${notice.content}</li>
						<#else>
							<li>${notice.content}</li>
						</#if>
					</#list>
				</ul>
			</marquee>
		</div>


		<div class="div_title">
			<img src="img/未标题-1.png"/>
			<span class="div_title_text">招领报喜</span>
			<span style="float: right;"><a href="/thank" target="_blank">我要报喜</a>&nbsp;&nbsp;</span>
		</div>
		<div id="thank_msg">
			<ul id="thank_list">
				<#list thanks as thank>
					<li><a href="/thankDetail?id=${thank.id}">${thank.title}</a></li>
				</#list>
			</ul>
		</div>


		<div class="div_title">
			<img src="img/未标题-1.png"/>
			<span class="div_title_text">帮助中心</span>
		</div>
		<div id="help">
			<ul id="help_list">
				<li><a href="#">失物招领启事-范文格式</a></li>
				<li><a href="#">感谢信-范文格式</a></li>
				<li><a href="#">关于“拾金不昧”的法律条文</a></li>
				<li><a href="#">关于“拾金不昧”的法律条文</a></li>
				<li><a href="#">关于“拾金不昧”的法律条文</a></li>
			</ul>
		</div>
	</div>
	<!--寻物启事列表-->
	<div id="search">
		<div class="title">
  			<img src="img/未标题-1.png" style="float:left" /><h2>寻物启事</h2> 
			<a href="/findMessage?type=0">更多>></a>
		</div>
		<hr />
		<div id="tb_search">
			<#--<table class="list" cellpadding="0" cellspacing="0" border="1px solid">-->
			<table class="list" cellpadding="0" cellspacing="0">
				<#list goodss as goods>
					<#if goods_index%2==0>
                        <tr style="background-color: #e6e2c3;">
                            <td><a href="/detail?id=${(goods.id)!'1'}" target="_blank">${goods.title}</a></td>
                            <td>${(goods.createTime?string("yyyy-MM-dd"))!.now?date}</td>
                        </tr>
					<#else>
                        <tr>
                            <td><a href="/detail?id=${(goods.id)!'1'}" target="_blank">${goods.title}</a></td>
                            <td>${(goods.createTime?string("yyyy-MM-dd"))!.now?date}</td>
                        </tr>
					</#if>
				</#list>
			</table>
		</div>
	</div>
	<!--招领启示列表-->
	<div id="get">
		<div class="title">
  			<img src="/img/未标题-1.png" style="float:left" /><h2>招领启事</h2>
  			<a href="/findMessage?type=3">更多>></a>
		</div>
		<hr />
		<div id="tb_get">
			<#--<table class="list" cellpadding="0" cellspacing="0" border="1px solid">-->
            <table class="list" cellpadding="0" cellspacing="0">
			<#list lostors as lostor>
				<#if lostor_index%2==0>
					<tr style="background-color: #e6e2c3;">
						<td><a href="/detail?id=${(lostor.id)!'1'}">${lostor.title}</a></td>
						<td>${(lostor.createTime?string("yyyy-MM-dd"))!.now?date}</td>
					</tr>
				<#else>
                    <tr>
                        <td><a href="/detail?id=${(lostor.id)!'1'}">${lostor.title}</a></td>
                        <td>${(lostor.createTime?string("yyyy-MM-dd"))!.now?date}</td>
                    </tr>
				</#if>
			</#list>
			</table>
		</div>
	</div>
  
  <!--<hr color="#CCCCCC" width="650px"  align="left" size="2px" style="margin-left:15px" />-->
</div>
<div id="footer">
  <div class="footer1"><h1 style="color:#060; margin-bottom:10px">Convenient&nbsp;<span style="color:#999">Yourself</span></h1>
  <p style="color:#999">每一个失物的背后，都是一颗急切的心！</p></div>
  <div class="footer2">
  <ul>
  <li><a href="主页.html">首页</a></li>
  <li><a href="#">关于我们</a></li>
  <li><a href="#">联系我们</a></li>
  <li><a href="#">留言板</a></li>
  </ul>
  <br /><br />
  <p>&copy;2017&nbsp;&nbsp;版权所有&nbsp;&nbsp;邮政编码：474450</p><br /><p><#--制作团队：王雷--></p>
  </div>
</div>
<script src="/js/button.js"></script>
<script src="/js/mouse.js"></script>
<script type="text/javascript" src="/js/ppt.js" ></script>
</body>
</html>
